/**
 * Drawing mode
 */
.amcharts-export-canvas {
	position: absolute;
	display: none;
	z-index: 1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #fff;
}
.amcharts-export-canvas.active {
	display: block;
}

/**
 * Menu; Rest state
 */
.amcharts-export-menu {
	position: absolute;
	z-index: 2;
	opacity: 0.5;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	color: #000;
}
.amcharts-main-div:hover .amcharts-export-menu, .amcharts-stock-div:hover .amcharts-export-menu {
	opacity: 1;
}
.amcharts-export-menu-top-left > ul > li > ul:after {
  content: "";
  position: absolute;
  top: 13px;
  right: 100%;
  z-index: 1000;
  border-top: 7px solid transparent;
  border-left: 7px solid transparent;
  border-right: 7px solid #fff;
  border-bottom: 7px solid transparent;
}
.amcharts-export-menu-top-left > ul > li > ul > li:first-child > a:after {
  content: "";
  position: absolute;
  top: 12px;
  right: 100%;
  z-index: 1001;
  border-top: 8px solid transparent;
  border-left: 8px solid transparent;
  border-right: 8px solid #e2e2e2;
  border-bottom: 8px solid transparent;
}
.amcharts-export-menu-top-right > ul > li > ul:after {
  content: "";
  position: absolute;
  top: 13px;
  left: 100%;
  z-index: 1000;
  border-top: 7px solid transparent;
  border-left: 7px solid #fff;
  border-right: 7px solid transparent;
  border-bottom: 7px solid transparent;
}
.amcharts-export-menu-top-right > ul > li > ul > li:first-child > a:after {
  content: "";
  position: absolute;
  top: 12px;
  left: 100%;
  z-index: 1001;
  border-top: 8px solid transparent;
  border-left: 8px solid #e2e2e2;
  border-right: 8px solid transparent;
  border-bottom: 8px solid transparent;
}
.amcharts-export-menu-bottom-left > ul > li > ul:after {
  content: "";
  position: absolute;
  bottom: 13px;
  right: 100%;
  z-index: 1000;
  border-top: 7px solid transparent;
  border-left: 7px solid transparent;
  border-right: 7px solid #fff;
  border-bottom: 7px solid transparent;
}
.amcharts-export-menu-bottom-left > ul > li > ul > li:last-child > a:after {
  content: "";
  position: absolute;
  bottom: 12px;
  right: 100%;
  z-index: 1001;
  border-top: 8px solid transparent;
  border-left: 8px solid transparent;
  border-right: 8px solid #e2e2e2;
  border-bottom: 8px solid transparent;
}
.amcharts-export-menu-bottom-right > ul > li > ul:after {
  content: "";
  position: absolute;
  bottom: 13px;
  left: 100%;
  z-index: 1000;
  border-top: 7px solid transparent;
  border-left: 7px solid #fff;
  border-right: 7px solid transparent;
  border-bottom: 7px solid transparent;
}
.amcharts-export-menu-bottom-right > ul > li > ul > li:last-child > a:after {
  content: "";
  position: absolute;
  bottom: 12px;
  left: 100%;
  z-index: 1001;
  border-top: 8px solid transparent;
  border-left: 8px solid #e2e2e2;
  border-right: 8px solid transparent;
  border-bottom: 8px solid transparent;
}
.amcharts-export-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.amcharts-export-menu li {
	position: relative;
	display: block;
	z-index: 1;
}
.amcharts-export-menu li > ul {
	position: absolute;
	display: none;
	border: 1px solid #e2e2e2;
	margin-top: -1px;
	background: #fff;
}
.amcharts-export-menu li > a {
	position: relative;
	display: block;
	color: #000;
	text-decoration: none;
	padding: 12px 12px;
	z-index: 2;
	white-space: nowrap;
	border-bottom: 1px solid #f2f2f2;
}
.amcharts-export-menu li:last-child > a {
	border-bottom: none;
}
.amcharts-export-menu li > a > img {
	border: none;
}
.amcharts-export-menu-top-left {
	top: 0;
	left: 0;
}
.amcharts-export-menu-bottom-left {
	bottom: 0;
	left: 0;
}
.amcharts-export-menu-top-right {
	top: 0;
	right: 0;
}
.amcharts-export-menu-bottom-right {
	bottom: 0;
	right: 0;
}

/**
 * Menu; Hover state
 */
.amcharts-export-menu li:hover > ul {
	display: block;
}
.amcharts-export-menu li:hover > a {
	color: #fff;
	background-color: #636363;
}
.amcharts-export-menu-top-left li:hover > ul {
	left: 100%;
	top: 0;
}
.amcharts-export-menu-bottom-left li:hover > ul {
	left: 100%;
	bottom: 0;
}
.amcharts-export-menu-top-right li:hover > ul {
	top: 0;
	right: 100%;
}
.amcharts-export-menu-bottom-right li:hover > ul {
	bottom: 0;
	right: 100%;
}

/**
 * Menu; custom class
 */
.amcharts-export-menu .export-main {
	margin: 4px;
}
.amcharts-export-menu .export-main > a, .amcharts-export-menu .export-drawing > a {
	text-indent: -13333337px;
	width: 36px;
	height: 36px;
	padding: 0;
	background-repeat: no-repeat;
	background-image: url();
	background-color: #fff;
	background-position: center;
	-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.5);
	box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.5);
	border-radius: 18px;
	margin: 8px 8px 0 10px;
}
.amcharts-export-menu .export-drawing > a {
	background-image: url();
}
.amcharts-export-menu .export-main:hover, .amcharts-export-menu .export-drawing:hover {
	padding-bottom: 100px;
}
.amcharts-export-menu.amcharts-export-menu-bottom-left .export-main:hover, .amcharts-export-menu.amcharts-export-menu-bottom-left .export-drawing:hover, .amcharts-export-menu.amcharts-export-menu-bottom-right .export-main:hover, .amcharts-export-menu.amcharts-export-menu-bottom-right .export-drawing:hover {
	padding-bottom: 0;
	padding-top: 100px;
}
.amcharts-export-menu .export-main:hover > a {
	background-image: url();
}
.amcharts-export-menu .export-drawing:hover > a {
	background-image: url();
}

/**
 * Menu; Color picker
 */

.amcharts-export-menu .export-drawing-color {
	background: #000;
	width: 35px;
}
.amcharts-export-menu .export-drawing-color a {
	display: block;
	overflow: hidden;
	text-indent: -99999999px;
}
.amcharts-export-menu .export-drawing-color-red {
	background: #f00;
}
.amcharts-export-menu .export-drawing-color-green {
	background: #0f0;
}
.amcharts-export-menu .export-drawing-color-blue {
	background: #00f;
}
.amcharts-export-menu .export-drawing-color-white {
	background: #fff;
}